<!--  -->
<template>
  <div>
    <h1>我是用户界面</h1>
    <p>我是用户界面的内容，哈哈</p>

    <!-- 通过下边的 computed 的userId 方法,把路由里面的参数取出来 -->
    <h2>{{userId}}</h2>

    <!-- 也可以直接拿出来 -->
    <h3>{{$route.params.userId}}</h3>
  </div>
</template>

<script>
export default {
  name: "User",
  computed: {
    userId() {
      //  $route 就是拿到当前的处于活跃状态的路由
      return this.$route.params.userId;
    },
  },
};
</script>

<style  scoped>
</style>